import React from 'react'
import { render } from 'react-dom'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import App from './containers/App'
import rootReducer from './reducers'

//Store 就是用来维持应用所有的 state 树 的一个对象。 改变 store 内 state 的惟一途径是对它 dispatch 一个 action。
let store = createStore(rootReducer);

render(
  //因为react是单向数据流，所以两个平级组件间是没法沟通的，除非给他们一个共同的父组件让他们联系起来
  //react-redux 提供的 Provider 就可以看做是这个应用的顶层组件，它会将 state 分发给所有被 connect 的组件
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
)
